<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<base href="http://edu.bluej.cn/public/uploads/20181226/20181226200247map/map/"><br><title></title>
	</head>
	<body>
		
			<!--在页面引入"map.jpg"图片，然后在地图上面，选择四个景点并设置热区，点击热区可以分别链接到1.jpg,2.jpg,3.jpg,4.jpg这四张图片。
			图片地址依次为
				"img/map.jpg"
				"img/1.jpg"
				"img/2.jpg"
				"img/3.jpg"
				"img/4.jpg"-->
		<img src="img/map.jpg" usemap="#hotmap"/>
		<map name="hotmap">
			<area shape="rect" coords="172,112,281,224" href="img/1.jpg" target="_blank" />
			<area shape="circle" coords="348,52,30" href="img/2.jpg" target="_blank" />
			<area shape="poly" coords="368,224,321,299,411,299" href="img/3.jpg" target="_blank"  />
			<area shape="circle" coords="641,90,60" href="img/4.jpg" target="_blank" />
	</body>
</html>